layui.use(['element','layer', 'jquery'], function() {
    var device = layui.device();
	var $ = jQuery = layui.$;
	var element = layui.element;
	var layer = layui.layer;

	//监听导航点击
	element.on('nav', function(elem) {
		var id = elem.attr('data-id');
		var url = elem.attr('data-url');
		if(!url)
			return false;
		var text = elem.attr('data-text');
		var isActive = $('.layui-tab .layui-tab-title').find("li[lay-id=" + id + "]");
		if(isActive.length > 0) {
			element.tabChange('tab', id);
		} else {
			var icon = elem.attr('data-icon');
			element.tabAdd('tab', {
				title: '<i class="layui-icon '+icon+'"></i>'+text,
				content: '<iframe src="'+ getCtx() + url + '" name="iframe' + id + '" class="iframe" framborder="0" data-id="' + id + '" scrolling="auto" width="100%"  height="100%"></iframe>',
				id: id
			});
			element.tabChange('tab', id);
		}
	});

	_win = $(window);
	var toggleSide = $('[kit-toggle="side"]');

	toggleSide.on('click', function() {
		var sideBox = $('div[kit-side]');
        var bodyBox = $('div[kit-body]');
        var footerBox = $('div[kit-footer]');
        var toggle = toggleSide.attr('data-toggle');
        switch (toggle) {
          case 'on':
            sideBox.animate({ 'width': '0px' });
            bodyBox.animate({ 'left': '0' });
            footerBox.animate({ 'left': '0' });
            $(this).attr('data-toggle', 'off');
            toggleSide.find('i.layui-icon').html('&#xe65b;');
            break;
          case 'off':
            sideBox.animate({ 'width': '200px' });
            bodyBox.animate({ 'left': '200px' });
            footerBox.animate({ 'left': '200px' });
            $(this).attr('data-toggle', 'on');
            toggleSide.find('i.layui-icon').html('&#xe65a;');
            break;
        }
	});
	_win.on('resize', function() {
        var toggle = $('[kit-toggle="side"]').attr('data-toggle');
        var width = this.innerWidth;
        if (width < 1024 && toggle === 'on') {
          toggleSide.click();
        }
        if (width > 1024 && toggle === 'off') {
          toggleSide.click();
        }
      });
      _win.resize();
    $('#exit').on('click', function() {
  		layer.confirm('确定要退出吗?', {
  			  btn: ['确定','再考虑一下'] //按钮
  			}, function(){
  				top.location = getCtx() +"/login/loginOut";
  			}, function(){
  			});
  		});

    if (device.ie && device.ie < 8) {
        layer.alert('如果您非得使用ie浏览，那么请使用ie8+');
    }

    // 删除选项卡
    window.delTab = function (layId) {
        // 删除
        element.tabDelete('tab', layId);
    };

    // 删除所有选项卡
    window.delAllTab = function () {
        // 选项卡对象
        layui.each($('.layui-body .layui-tab-title > li'), function (k, v) {
            var layId = $(v).attr('lay-id');
            if (layId > 1) {
                // 删除
                element.tabDelete('tab', layId);
            }
        });
    };

    // 获取当前选中选项卡lay-id
    window.getThisTabID = function () {
        // 当前选中的选项卡id
        return $(document).find('body .layui-body .layui-tab > .layui-tab-title .layui-this').attr('lay-id');
    };

    // 双击关闭相应选项卡
    $(document).on('dblclick', '.layui-body .layui-tab > .layui-tab-title li', function () {
        // 欢迎页面以外，删除选项卡
        if ($(this).index() > 0) {
            element.tabDelete('tab', $(this).attr('lay-id'));
        } else {
            layer.msg('首页无法关闭')
        }
    });

    // 选项卡右键事件阻止
    $(document).on("contextmenu", '.layui-body .layui-tab > .layui-tab-title li', function () {
        return false;
    });

    // 选项卡右键事件
    $(document).on("mousedown", '.layui-body .layui-tab > .layui-tab-title li', function (e) {
        // 判断是右键点击事件并且不是欢迎页面选项卡
        if (3 == e.which && $(this).index() > 0) {
            // 赋值
            cardIdx = $(this).index();
            cardLayId = $(this).attr('lay-id');
            console.log('lay-id:' + cardLayId);
            // 选择框
            layer.tips($('.my-dblclick-box').html(), $(this), {
                tips: [3, '#2F4056'],
                time: false
            });
        }
    });

    // 点击body关闭tips
    $(document).on('click', 'html', function () {
        layer.closeAll('tips');
    });

    // 右键提示框菜单操作-刷新页面
    $(document).on('click', '.card-refresh', function () {
        // 窗体对象
        var ifr = $(document).find('.layui-body .layui-tab-content .layui-tab-item iframe').eq(cardIdx);
        // 刷新当前页
        ifr.attr('src', ifr.attr('src'));
        // 切换到当前选项卡
        element.tabChange('tab', cardLayId);
    });

    // 右键提示框菜单操作-关闭页面
    $(document).on('click', '.card-close', function () {
        // 删除
        window.delTab(cardLayId);
    });

    // 右键提示框菜单操作-关闭所有页面
    $(document).on('click', '.card-close-all', function () {
        // 删除
        window.delAllTab();
    });
});